body { background-color: #ddd;
       text-align: center; }

div.frame { width: 600px;
            margin: 16px auto 8px auto;
            padding: 0px 16px;
            background-color: white; 
            border: 3px double black;
            text-align: left; }

div.footer { color: #888; }

div.header { height: 48px;
             padding: 16px 16px;
             background: #f6f6f6;
             border-bottom: 1px solid black; 
             vertical-align: text-bottom;
              }

span 
{ 
  font-size: 3em;
  font-weight: bold;
}  

img 
{ 
  border: 1px solid black;
  float: right;
  margin: 0;
}

#content
{ 
  float: left;
  text-align: left;
}

#footer
{ 
  clear: both;
}

#content ul
{ 

}


#menu ul
{ 
  list-style: none;
  margin: 0;
  padding: 0;
  border: 0;
}

#menu a
{ 
  float: left;
  width: 100px;

  border: 1px solid black;
  padding: 2px 2px 2px 4px;
  margin: 0 1em 0 0;
  background-color: #f8f8f8;
}

#menu li
{ 
  display: inline;
}

a:link { color: black;
         text-decoration: none; }
a:visited { color: black; 
            text-decoration: none; }
a:hover { color: grey; 
          text-decoration: underline; }

.category { color: gray; 
            text-align: right; }
